<!-- eslint-disable vue/multi-word-component-names -->
<template>
  <div class="footer" id="footer-error">
    <!-- <div class="menu-list"> 
       <div class="list">
        <div
          class="item"
          v-for="(item, index) in menuList"
          :key="index"
          :class="item.key == active ? 'item-active' : ''"
          @click="changeItem(item)"
        >
          {{ item.name }}
        </div>
      </div>
    </div> -->
    <!-- <div class="hide-ui" @click="hideUI()">UI隐藏</div> -->
  </div>
</template>

<script setup>
import { ref } from "vue";
</script>

<style scoped lang="less">
.footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  background-size: 100% 100%;
  background: url("@/assets/layer/footer.png") no-repeat;
  background-size: 100% 100%;
  display: flex;
  height: 3.5rem;
  justify-content: center;
}

</style>
